<template>
  <div class="text-center" :style="style">
    <img src="@/assets/empty.svg" draggable="false" class="w-100" alt="empty" />
    <div>{{ props.desc }}</div>
  </div>
</template>

<script setup lang="ts">
import { computed } from "vue";
const props = defineProps({
  desc: {
    type: String,
    default: "暂时没有数据"
  },
  width: {
    type: [String, Number],
    default: 200
  }
});
const style = computed(() => {
  return {
    width: props.width + "px"
  };
});
</script>

<style lang="scss" scoped></style>
